<template>
  <div class="app">
    <hm-header />
    <HmMain />
    <HmFooter />
  </div>
</template>

<script>
// 1. 导入组件
import HmHeader from './components/HmHeader.vue'
import HmMain from './components/HmMain.vue'
import HmFooter from './components/HmFooter.vue'

export default {
  name: 'App',
  // 2. 注册组件
  components: {
    HmHeader,
    HmMain,
    HmFooter
  }
}
</script>

<style lang="less">
.app {
  width: 800px;
  height: 600px;
  background-color: skyblue;
}
</style>
